import React from 'react'
import Header from '@c/header/Header'
import { useHistory } from 'react-router-dom'

import { Container,Condiv } from './StyledQRcode'

// import heading_1 from '../../assets/images/personal/图层4@2x.png'
import Codeimg from  '../../assets/images/personal/1554203468@2x.png'


const QRcode = (props) => {
    const history = useHistory()

    const handleClick = () => {
        history.push('/personalinfo')
    }

    return (
        <div>
            <Header
                title="我的二维码"
                onChangeClick={handleClick}
            ></Header>
            <Condiv>
                <Container>
                    <div className="imgcon">
                        <img src={props.location.state.img.uhead} alt=""/>
                        <div>
                            <h1>孙婷婷</h1>
                            <span>北大附小语文老师</span>
                        </div>
                    </div>
                    <img src={Codeimg} alt=""/>
                    <p>扫描上面二维码图案,了解我</p>
                </Container>
            </Condiv>
        </div>
    )
}

export default QRcode
